<div class="fm-content">
  <!-- 最上面标题栏 -->
  <div class="title">
    <i nz-icon [type]="'desktop'"></i>
    &nbsp;&nbsp;授权码
  </div>
  <!-- 内容 -->
  <div class="work">

    <!-- 查询框 -->
    <div class="top">
      <div class="tool-right">
        <nz-button-group>
          <button nz-button [nzType]="'primary'" (click)="editInterface()">授权</button>
        </nz-button-group>
      </div>
    </div>

    <!-- 右则样表单主体 -->
    <div class="work-content">
      <div class="table">
        <nz-table nzSize="middle" [nzFrontPagination]="false" [nzData]="[{}]" [nzLoading]="isLoading">
          <thead>
            <tr>
              <th nzWidth="30px"></th>
              <th>AppKey</th>
              <th nzWidth="50%">AppSecret</th>
            </tr>
          </thead>
          <tbody>
            <td></td>
            <td>
              {{token.tokenid}}
            </td>
            <td>
              {{token.tokenpwd}}
            </td>
          </tbody>
        </nz-table>
      </div>
    </div>

    <nz-modal nzWidth='360' nzTitle="接口访问授权" [nzMaskClosable]='false' [nzFooter]="null" [(nzVisible)]="interfaceVisible"
      (nzOnCancel)="closeInterface()">
      <form nz-form [nzLayout]="'inline'">
        <div nz-row [nzGutter]="24">
          <div nz-col [nzSpan]="24">
            <nz-form-control>
              <nz-radio-group [(ngModel)]="updateToken" name="updateToken">
                <label nz-radio nzValue="true">更新token</label>
                <label nz-radio nzValue="false">不更新token</label>
              </nz-radio-group>
            </nz-form-control>
          </div>
        </div>
        <div nz-row [nzGutter]="24">
          <div nz-col [nzSpan]="24" style="height: 400px;overflow: auto;">
            <nz-tree nzAsyncData [nzCheckedKeys]="ifpower" (nzCheckBoxChange)="checked($event, ifpower)"
              [nzData]="sysDic.treeDatas" nzCheckable [nzCheckStrictly]="true">
            </nz-tree>
          </div>
        </div>
        <div nz-row [nzGutter]="24">
          <div nz-col [nzSpan]="24" class="form-button-align">
            <button nz-button nzType="default" (click)="closeInterface()" class="form-button">取消</button>
            <button nz-button nzType="primary" (click)="saveInterface()" [nzLoading]="isLoading">授权</button>
          </div>
        </div>
      </form>
    </nz-modal>
  </div>
</div>